@import "./variables";
@import "./reset";

#app {
  height: 100vh;
}

.grid {
  height: 100%;
  display: grid;
  grid-template-areas:
    "a a"
    "a a"
    "a a";
  grid-row-gap: $gap;
  grid-column-gap: $gap;
  &__item {
    background: rgb(52, 149, 194, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@import "./circle-loading";
@import "./bubble-loading";
@import "./teacup-loading";
@import "./play-button";
@import "./float-button";
@import "./progress-bar";
